<template>
  <div>
    <nav-header :headerTitle="'平台资质'" :navBgColor="'#fff'"></nav-header>
    <section class="page">
      <div class="p-header">
        <img src="@/assets/images/aboutUs/backdrop@2x.png" alt />
        <span>资质齐全</span>
        <p>专业安全保障</p>
      </div>
      <div class="null84"></div>
      <div class="p-title">资质齐全业务正规</div>
      <div class="null32"></div>
      <div class="p-text">国家规定企业经营必须具备营业执照和工商登记，软件服务必须获得国家授予的软件著作证书。</div>
      <div class="null16"></div>
      <div
        class="p-text"
      >BWRM坚持业务的正规性与合法性，业务模式和协议条款均经严格审查制定；获得了国家授予的软件著作证书，具备工商部门核发的营业执照。BWRM具备完善的研发，管理和服务体系，资质齐全业务正规，能提供持久，优质，稳定的服务。</div>
      <div class="null64"></div>
      <div class="p-title">国家认证证书</div>
      <div class="null32"></div>
      <div class="p-text">国家规定企业经营必须具备营业执照和工商登记，软件服务必须获得国家授予的软件著作证书。</div>
      <div class="null48"></div>
      <div class="p-img">
        <img
          :src="show.aboutus[0]"
          alt
        />
      </div>
      <div class="null32"></div>
      <div class="p-text-red">（计算机软件著作权图示）</div>
      <div class="null64"></div>
      <div class="p-title">营业执照保障</div>
      <div class="null32"></div>
      <div class="p-text">
        营业执照是工商行政管理机关发给企业以及个体经
        营者的准许从事某项生产经营活动的凭证。
      </div>
      <div class="null48"></div>
      <div class="p-img">
        <img
          :src="show.aboutus[1]"
          alt
        />
      </div>
      <div class="null32"></div>
      <div class="p-text-red">（企业法人营业执照图示）</div>
      <div class="null64"></div>
      <div class="p-title">专业的企业级服务支撑</div>
      <div class="null32"></div>
      <div class="p-text">为您提供更加安全放心的保障。由阿里云提供完善的服务支持，由支付宝以及微信提供稳定的支付合作支持，专业合作更安全。</div>
      <div class="p-footer">
        <div class="null84"></div>
        <div>
          <img src="@/assets/images/aboutUs/zz_aliyun@2x.png" alt />
        </div>
        <div class="null84"></div>
        <div>
          <img src="@/assets/images/aboutUs/zz_zfb@2x.png" alt />
        </div>
        <div class="null84"></div>
        <div>
          <img src="@/assets/images/aboutUs/zz_chat@2x.png" alt />
        </div>
        <div class="null84"></div>
      </div>
    </section>
  </div>
</template>

<script>
import navHeader from "@/components/NavHeader";
import mixin from "@/utils/mixin";
export default {
  name: "Platform",
  mixins: [mixin],
  components: {
    navHeader
  },
  data() {
    return {
      show: {
        aboutus: [
          "https://rmbang.oss-cn-shenzhen.aliyuncs.com/wap/aboutus/1.png",
          "https://rmbang.oss-cn-shenzhen.aliyuncs.com/wap/aboutus/2.png"
        ]
      }
    };
  },
  created() {},
  mounted() {
    this.init();
  },
  methods: {
    init: function() {}
  }
};
</script>
<style lang="scss" scoped>
.page {
  margin-top: 86px;
  .null16 {
    width: 100%;
    height: 16px;
  }
  .null32 {
    width: 100%;
    height: 32px;
  }
  .null48 {
    width: 100%;
    height: 48px;
  }
  .null64 {
    width: 100%;
    height: 84px;
  }
  .null84 {
    width: 100%;
    height: 84px;
  }
  .p-header {
    width: 100%;
    height: 324px;
    position: relative;
    font-family: PingFangSC-Regular;
    font-size: 64px;
    color: #ffffff;
    letter-spacing: 20px;
    text-shadow: 2px 2px 1px #fdd148;
    text-align: left;
    img {
      width: 100%;
      height: 100%;
    }
    span {
      position: absolute;
      left: 123px;
      top: 58px;
    }
    p {
      position: absolute;
      left: 123px;
      top: 146px;
    }
  }
  .p-title {
    width: 100%;
    text-align: center;
    font-family: PingFangSC-Medium;
    font-size: 48px;
    color: #303133;
    letter-spacing: 2.4px;
    background: linear-gradient(
      180deg,
      rgba(255, 37, 37, 1) 0%,
      rgba(254, 145, 64, 1) 100%
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
  }
  .p-text {
    width: 686px;
    margin: auto;
    font-family: PingFangSC-Regular;
    font-size: 30px;
    color: #303133;
    letter-spacing: 0;
    line-height: 48px;
  }
  .p-img {
    width: 100%;
    text-align: center;
    img {
      width: 560px;
      // height: 366px;
    }
  }
  .p-text-red {
    font-family: PingFangSC-Regular;
    font-size: 26px;
    color: #ff2525;
    width: 100%;
    text-align: center;
  }
  .p-footer {
    div {
      width: 100%;
      text-align: center;
    }
    img {
      width: 240px;
      height: 70px;
    }
  }
}
</style>
